<template>
	<view>
		<page-head headTitle="定制订单" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<view class="m-t9">
			<view class="flex height-nav align-center border-botton p-l-r3">
				<text class="contacts display-inline fs-3 guide-letter">联系人</text>
				<view class="flex align-center fs-3">
					<image src="/static/images/picture.png" class="contact-picture">
					<text class="p-l1 p-r1">妮子</text>
					<image src="/static/images/news.png" class="guide-news">
				</view>
			</view>
			<view class="flex height-nav align-center border-botton p-l-r3">
				<text class="contacts display-inline fs-3">开始时间</text>
				<view class="flex align-center fs-3">
					<text class="color-table">2019-09-21-12：00</text>
				</view>
			</view>
			<view class="flex height-nav align-center border-botton p-l-r3">
				<text class="contacts display-inline fs-3">结束时间</text>
				<view class="flex align-center fs-3">
					<text class="color-table">2019-09-21-17：00</text>
				</view>
			</view>
			<view class="flex height-nav align-center border-botton p-l-r3">
				<text class="contacts display-inline fs-3 number">人数</text>
				<view class="flex align-center fs-3">
					<text class="color-table">2</text>
				</view>
			</view>
			<view class="flex height-nav align-center border-botton p-l-r3">
				<text class="contacts display-inline fs-3 number">备注</text>
				<view class="flex align-center fs-3">
					<text class="color-table">备注备注备注备注备注备注备注</text>
				</view>
			</view>
			<view class="flex align-center p-l-r3 p-t3 p-b1">
				<text class="contacts display-inline fs-3">用户评价</text>
			</view>
			<user-evaluate class="p-l-r3"></user-evaluate>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
import userEvaluate from '@/components/common/user-evaluate.vue'
	export default {
		components:{
			pageHead,
			userEvaluate
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			}
		}
	}
</script>

<style scoped>
page{background-color: #FFFFFF;}
.contact-picture{width: 50rpx;height: 50rpx;}
.guide-news{width: 35rpx;height: 33rpx;}
.contacts{width: 170rpx;}
.guide-letter{letter-spacing: 18rpx;}
.number{letter-spacing: 58rpx;}
</style>
